<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/jquery-1.9.1.min.js"></script>
</head>
<body>
    <!-- logo -->
    <div class="Logo">
        <div class="logo">
            <img src="./images/logo.png" alt="">
            <p>Patrick Star</p>
        </div>
        <div class="dlzc">
            <ul>
                <li><a href="./denglu.html">登录</a></li>
                <li>/</li>
                <li><a href="./zhuce.html">注册</a></li>
            </ul>
        </div>
    </div>
    <!-- lunbo -->
    <div id="sub1">
        <img src="./images/1.png" alt="" class="s1 img-responsive">
        <img src="./images/2.png" alt="" class="s2 img-responsive">
        <img src="./images/3.png" alt="" class="s2 img-responsive">
        <ul id="imgc">
            <li value="0"></li>
            <li value="1"></li>
            <li value="2"></li>
        </ul>
    </div>
    <!-- 导航 -->
    <div class="daohang">
        <ul>
            <li>
                <a href="./index.html">首页</a>
            </li>
            <li>
                <a href="./juqingjieshao.html">剧情介绍</a>
            </li>
            <li>
                <a href="./xiangguanrenwu.html">相关人物</a>
            </li>
            <li>
                <a href="./yingshipingjia.html">影视评价</a>
            </li>
            <li>
                <a href="./renwuteji.html">人物特辑</a>
            </li>
            <li>
                <a href="./about.html">关于我们</a>
            </li>
        </ul>
    </div>
    <!-- 主体 -->
    <div class="main">
        <div class="one">
            <div class="img">
                <img src="./images/4.png" alt="">
            </div>
            <div class="mes">
                <h1>带珍珠耳环的章鱼哥</h1>
                <p id="fubiao">美国动画连续剧及其衍生作品《海绵宝宝》中的角色</p>
                <p>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;章鱼哥(英文名称:Squidward Tentacles;中文直译:鱿鱼沃德·触手)是美国动画片《海绵宝宝》中的动画角色。蟹堡王的收银员，海绵宝宝的邻居兼同事，一只大鼻子秃脑门章鱼。认为海绵宝宝和派大星很幼稚。相当自恋，有一定的艺术才能但却从未得到赏识并对艺术有执着的追求。本质上还是一个善良且有正义感的章鱼。
                </p>
                <p>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;鱼哥是光头，但曾有过黄色长卷发，并希望头发再长回来。居住在一栋仿复活节岛人像的房屋。担任蟹堡王餐厅的收银人员，但并不喜欢自己的工作，希望能成为一名举世闻名的艺术家，喜欢吹奏竖笛及采用多种风格画自画像。讨厌海绵宝宝和派大星，尤其是海绵宝宝，在他们面前往往显得很冷淡，对海绵宝宝的笑声特别敏感，但偶尔会对海绵宝宝表达认同。在海绵宝宝或派大星遭遇困难时通常会二话不说的直接帮助他们并施以援手，是个无法让人讨厌的角色。
                </p>
            </div>
        </div>
        <div class="two">
            <h1>他的伙伴</h1>
            <p>学演:舍号科恩，沃特杜赫山姆·亨德森、杰朗德、Dan Povenmire、保罗-带比特</p>
            <p>编剧:史蒂芬·海伦伯格、蒂姆·希尔、肯特·斯本、史落文·班克斯、彼得-伯恩斯</p>
            <div class="people">
                <div>
                    <img src="./images/5.png" alt="">
                    <p>海绵宝宝</p>
                </div>
                <div>
                    <img src="./images/6.jpg" alt="">
                    <p>派大星</p>
                </div>
                <div>
                    <img src="./images/7.jpg" alt="">
                    <p>蟹老板</p>
                </div>
                <div>
                    <img src="./images/8.jpg" alt="">
                    <p>痞老板</p>
                </div>
            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <div class="tail">
        Copyright&copy;比奇堡章鱼哥&nbsp;版权所有
    </div>
</body>
</html>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="./js/index.js"></script>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>